<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>data-compare</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" th:href="@{/layui/css/layui.css}"/>
    <link rel="stylesheet" th:href="@{/admin/css/index.css}"/>
    <link rel="stylesheet" th:href="@{/layui/css/modules/layui-icon-extend/iconfont.css}">
    <link rel="stylesheet" th:href="@{/font-awesome/css/font-awesome.min.css}">
    <style type="text/css">
        li.layui-this{
            height: 41px;
        }
    </style>
</head>
<body class="main_body">
<div class="layui-layout layui-layout-admin">
    <!-- 顶部 -->
    <div class="layui-header header">
        <div class="layui-main mag0">
            <a href="#" class="logo">data-compare</a>
            <!-- 显示/隐藏菜单 -->
            <a href="javascript:" class="hideMenu iconfont icon-menu"></a>
            <!-- 顶部右侧菜单 -->
            <ul class="layui-nav top_menu">

                <li class="layui-nav-item" id="userInfo">
                    <a href="javascript:"><img src="/image/photo.jpg"
                                               class="layui-nav-img userAvatar" width="35"
                                               height="35"><cite class="adminName">[[${uname}]]</cite></a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:" data-url="page/user/userInfo.html"><i
                                class="seraph icon-ziliao"
                                data-icon="icon-ziliao"></i><cite>个人资料</cite></a></dd>
                        <dd><a href="javascript:" data-url="page/user/changePwd.html"><i
                                class="seraph icon-xiugai"
                                data-icon="icon-xiugai"></i><cite>修改密码</cite></a></dd>
                        <dd><a href="/exit" class="signOut"><i
                                class="seraph icon-tuichu"></i><cite>退出</cite></a></dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <!-- 左侧导航 -->
    <div class="layui-side layui-bg-black">
        <div class="user-photo">
            <a class="img" title="我的头像"><img src="/image/photo.jpg" class="userAvatar"></a>
            <p>你好！欢迎登录</p>
        </div>
        <!-- 搜索 -->
        <!--<div class="layui-form component">
           &lt;!&ndash; <select name="search" id="search" lay-search="" lay-filter="searchPage">
                <option value="">搜索页面或功能</option>
                <option value="1">layer</option>
                <option value="2">form</option>
            </select>
            <div class="layui-form-select">
                <div class="layui-select-title"><input type="text" placeholder="搜索页面或功能" value=""
                                                       class="layui-input"><i
                        class="layui-edge"></i></div>
                <dl class="layui-anim layui-anim-upbit">
                    <dd lay-value="" class="layui-select-tips">搜索页面或功能</dd>
                    <dd lay-value="1" class="">layer</dd>
                    <dd lay-value="2" class="">form</dd>
                </dl>
            </div>
            <i class="layui-icon"></i>&ndash;&gt;
        </div>-->
        <div class="navBar layui-side-scroll" id="navBar" style="height: 300px;text-align: center">
            <ul class="layui-nav layui-nav-tree" style="height: 280px;">
                <!--<li class="layui-nav-item layui-this">
                    <a data-url="blogList">
                        <i class="layui-icon" data-icon=""></i>
                        <cite>首页</cite>
                    </a>
                </li>-->
                <li class="layui-nav-item  layui-this" data-url="/db/dbConfig.html">
                    <a data-url="/db/dbConfig.html">
                        <i class="iconfont icon-shiyongwendang" data-icon="icon-text"></i>
                        <cite>dbconfig</cite>
                    </a>
                </li>
                <li class="layui-nav-item" data-url="/job/jobConfig.html">
                    <a data-url="/job/jobConfig.html">
                        <i class="iconfont icon-wenjian"></i>
                        <cite>jobconfig</cite>
                    </a>
                </li>
                <li class="layui-nav-item">
                    <a data-url="tagManage">
                        <i class="fa fa-tags fs-16" ></i>
                        <cite>instance</cite>
                    </a>
                </li>

                <span class="layui-nav-bar" style="top: 22.5px; height: 0px; opacity: 0;"></span>
            </ul>
        </div>
    </div>
    <!-- 右侧内容 -->
    <div class="layui-body layui-form">
        <div class="layui-tab mag0" style="margin: 0" lay-filter="bodyTab" id="top_tabs_box">
            <!--<ul class="layui-tab-title top_tab" id="top_tabs" >
                <li class="layui-this" lay-id=""><i class="layui-icon">&#xe68e;</i>
                    <cite>dbConfig</cite></li>
            </ul>-->
            <!--<ul class="layui-nav closeBox">
                <li class="layui-nav-item">
                    <a href="javascript:"><i class="layui-icon caozuo">&#xe643;</i> 页面操作</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:" class="refresh refreshThis"><i class="iconfont icon-shuaxin"></i>
                            刷新当前</a></dd>
                        <dd><a href="javascript:" class="closePageOther"><i
                                class="iconfont icon-guanbiqita"></i> 关闭其他</a></dd>
                        <dd><a href="javascript:" class="closePageAll"><i
                                class="iconfont icon-guanbi" ></i> 关闭全部</a></dd>
                    </dl>
                </li>
            </ul>-->
            <div class="layui-tab-content clildFrame">
                <div class="layui-tab-item layui-show">
                    <iframe id="targetIframe" src="/db/dbConfig.html"></iframe>
                </div>
            </div>
        </div>
    </div>

</div>


<div class="site-mobile-shade"></div>


<script th:src="@{/js/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/layui/layui.js}"></script>
<!--
<script type="text/javascript" th:src="@{/admin/js/index.js}"></script>
-->
<script type="text/javascript">

    $(".layui-nav-tree").children("li.layui-nav-item").each(function(i){
        $(this).click(function(){
            //alert($(this).attr("data-url"));
            $(this).siblings().removeClass("layui-this");
            $(this).addClass("layui-this");
            $("#targetIframe").attr("src",$(this).attr("data-url"));
        })
    });

    /*function changeIframe(obj,url){

        alert(url);
        $("#targetIframe").attr("src",url);
    }*/
</script>
<script type="text/javascript" th:src="@{/admin/js/cache.js}"></script>
</body>
</html>